<template>
	<view class="center">
		<view class="logo">
			<image class="logo-img" src="../../static/img/logo.png"></image>
			<view class="logo-title">
				<view >
				<text class="uer-name">
				       sky
				</text>
				</view>
				<text class="uer-name">
							金宝宝号：134812
				</text>
					
			</view>
		</view>
		<view class="center-list">
			<view class="center-list-item border-bottom" @tap="navigateTocollection">
				<text class="list-icon">&#xe60c;</text>
				<text class="list-text" >收藏</text>
				<text class="navigat-arrow">&#xe65e;</text>
			</view>
			<view class="center-list-item border-bottom" @tap="navigateTomessage">
				<text class="list-icon">&#xe60d;</text>
				<text class="list-text">消息</text>
				<text class="navigat-arrow">&#xe65e;</text>
			</view>
			<view class="center-list-item" @tap="navigateToaboutrecord">
				<text class="list-icon">&#xe60d;</text>
				<text class="list-text">浏览记录</text>
				<text class="navigat-arrow">&#xe65e;</text>
			</view>
			
		</view>
		<view class="center-list">
			<view class="center-list-item border-bottom"  @tap="navigateToactivity">
				
				<text class="list-text">精彩活动</text>
				<text class="navigat-arrow">&#xe65e;</text>
			</view>
			<view class="center-list-item" @tap="navigateTotopic">
				
				<text class="list-text" >我的话题</text>
				<text class="navigat-arrow">&#xe65e;</text>
			</view>
		</view>
		
		<view class="center-list">
			<view class="center-list-item border-bottom" @tap="navigateToopinion">
				
				<text class="list-text" >意见反馈</text>
				<text class="navigat-arrow">&#xe65e;</text>
			</view>
			<view class="center-list-item border-bottom" @tap="navigateToprotocol">
				
				<text class="list-text" >用户协议</text>
				<text class="navigat-arrow">&#xe65e;</text>
			</view>
			<view class="center-list-item" @tap="navigateToabout">
				<text class="list-text">关 &nbsp &nbsp 于</text>
				<text class="navigat-arrow">&#xe65e;</text>
			</view>
			
		</view>
		<view class="center-list">
			<view class="center-list-item" @tap="navigateToset">
				
				<text class="list-text" >设 &nbsp &nbsp 置</text>
				<text class="navigat-arrow">&#xe65e;</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				login:false,
				avatarUrl:"../../static/img/logo.png",
				uerInfo:{}
			}
		},
		methods: {
			goLogin() {
				if(!this.login){
					uni.navigateTo({
						url:"../login/login"
					})
				}
			},
			// 收藏
			navigateTocollection: function () {
				uni.navigateTo({
					url: 'my-collection/my-collection'
				})
			},
			// 消息
			navigateTomessage: function () {
				uni.navigateTo({
					url: 'my-message/my-message'
				})
			},
			// 浏览记录
			navigateToaboutrecord: function () {
				uni.navigateTo({
					url: 'my-records/my-records'
				})
			},
			// 精彩活动
			navigateToactivity: function () {
				uni.navigateTo({
					url: 'my-activity/my-activity'
				})
			},
			// 我的话题
			navigateTotopic: function () {
				uni.navigateTo({
					url: 'my-topic/my-topic'
				})
			},
			// 意见反馈
			navigateToopinion: function () {
				uni.navigateTo({
					url: 'my-opinion/my-opinion'
				})
			},
			// 用户协议
			navigateToprotocol: function () {
				uni.navigateTo({
					url: 'my-protocol/my-protocol'
				})
			},
			// 关于
			navigateToabout: function () {
				uni.navigateTo({
					url: 'my-about/my-about'
				})
			},
			// 设置
			navigateToset: function () {
				uni.navigateTo({
					url: 'my-set/my-set'
				})
			}
		}
	}
</script>

<style>
	
	
	@font-face {
		font-family: texticons;
		font-weight: normal;
		font-style: normal;
		src: url('https://at.alicdn.com/t/font_702773_ttt8tj203j.ttf') format('truetype');
	}
	.center {
		flex-direction: column;
	}
	.logo {
		width: 750px;
		height: 280px;
		padding: 20px;
		text-align: center;
		box-sizing: border-box;
		background-color: #FF80AB;
		
	}
	.logo-hover {
		opacity: 0.8;
	}
	
	.logo-img {
		width: 100px;
		height: 100px;
		border-radius: 100px;
		
	}
	
	.logo-title {
		height: 100px;
		flex: 1;
	}
	
	.uer-name {
		height: 60px;
		line-height: 60px;
		font-size: 28px;
		color: #FFFFFF;
	}
	
	.go-login.navigat-arrow {
		margin-right: 0;
		font-size: 38px;
		color: #FFFFFF;
	}
	
	.login-title {
		height: 150px;
		align-items: self-start;
		justify-content: center;
		flex-direction: column;
		margin-left: 20px;
	}
	
	.center-list {
		background-color: #FFFFFF;
		margin-top: 20px;
		width: 750px;
		flex-direction: column;
	}
	
	.center-list-item {
		height: 90px;
		width: 750px;
		box-sizing: border-box;
		flex-direction: row;
		padding: 0px 30px;
	}
	
	.border-bottom {
		border-bottom-width: 1px;
		border-color: #e1e1e1;
		border-bottom-style: solid;
	}
	
	.list-icon {
		width: 40px;
		height: 90px;
		line-height: 90px;
		font-size: 34px;
		color: #e1e1e1;
		text-align: center;
		font-family: texticons;
		margin-right: 20px;
	}
	
	.list-text {
		height: 90px;
		line-height: 90px;
		font-size: 30px;
		font-weight: bold;
		color: #666666;
		flex: 1;
		text-align: left;
	}
	
	.navigat-arrow {
		height: 90px;
		width: 40px;
		line-height: 90px;
		font-size: 34px;
		color: #E1E1E1;
		font-weight: bold;
		float: right;
		font-family: texticons;
	}
	
	
	
</style>
